import React, { Component } from 'react';
import { Modal } from 'antd';

// 引入样式
import './pageModel.css';
import { relative } from 'path';

/**
 * 详情页面
 * 需求覆盖整个页面 （最好不要把菜单遮住）
 */
class PageModel extends Component {

    constructor(props) {
        super(props);
    }

    render(calc) {
        // 编写页面代码
        return (
            <Modal
                visible={this.props.isModelShow}
                title={this.props.pageModelTitle}
                onCancel={this.props.closeModel}
                style={
                    {
                       zIndex: 100
                    }
                }
                maskStyle={
                    { 
                        position: relative,
                        left: 210,
                        top: 51,
                        right: 20
                    }
                }
                zIndex={100}
                width={'100%'}
            >   
                {/* children 指的是页面的详情代码 */}
                {
                    this.props.children
                }
            </Modal>
        );
    }
}

export default PageModel;